﻿@{
    Layout = null;
}
<!DOCTYPE html>
<html>
<head>
    <title>道路运输安全管理两类人考试培训平台</title>
    @*<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />*@
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    @Html.LocalImport("~/www/css/login.css")
    <style>
        .bs-callout {
            padding: 20px;
            margin: 20px 0;
            border: 1px solid #eee;
            border-left-width: 5px;
            border-radius: 3px;
            font-size: 14px;
            position: absolute;
            top: 180px;
            left: 50%;
            margin-left: 165px;
            width: 405px;
            padding: 15px 20px 25px 20px;
            background-color: #fff;
            z-index: 50;
        }

            .bs-callout h4 {
                margin-top: 0;
                margin-bottom: 5px;
                font-size: 16px;
            }

            .bs-callout p:last-child {
                margin-bottom: 0;
            }

        .bs-callout-danger {
            border-left-color: #ce4844;
        }

            .bs-callout-danger h4 {
                color: #ce4844;
            }
    </style>
</head>
<body>
    <div id="reg-head" style="margin:0">
        <div class="container">
            <div class="logo-box f-left">
                <a href="/" class="logo f-left">
                    <img src="/www/img/logo.png" alt="XCI从业人员在线教育培训系统" width="400" height="70" />
                </a>
            </div>
            @*<div class="reg-tips f-left">欢迎登录</div>
                <div class="top-right f-right">
                </div>*@
        </div>
    </div>
    <div class="login-banner-wrap">
        <div class="banner-list">
            <div style="background: url(/www/img/lbg.png) no-repeat -265px 65px #5191e8;"></div>
            @*<div style="background-image:url(/www/img/login-banner2.jpg);background-color:#22d5d5;"></div>
                <div style="background-image:url(/www/img/login-banner3.jpg);background-color:#fef166;"></div>
                <div style="background-image:url(/www/img/login-banner1.jpg);background-color:#e14644;"></div>*@
        </div>
    </div>

    <div id="check-info" class="bs-callout bs-callout-danger" style="display:none;">
        <h4>浏览器兼容性</h4>
        <p>您正在使用的浏览器版本过低，将不能正常浏览和使用本系统。</p>
        <p>
            本站推荐使用谷歌浏览器，<a href="http://113.140.71.252:7025/chrome.exe">点击下载安装</a>。
        </p>
    </div>

    <div id="login-box" style="display:none;">

        @*<div class="weixin-login-box">
                <a href="javascript:void(0);" class="login-type wx" title="微信登录"></a>
            </div>*@
        <h1>学员登录</h1>
        <form action="" id="pcLogin" style="display: block;">
            @*<div class="login-ver-box tips">公共场所不建议自动登录，以防账号丢失</div>*@
            <div class="login-ver-box error login_err" style="display: none;"></div>
            <div class="login-input-item clearfix">
                <i class="login-icon l-icon-user f-left"></i>
                <div class="f-left">
                    <input type="text" name="username" id="username" placeholder="身份证号码/手机号码" class="login-input">
                </div>
                <div class="input-clear"></div>
            </div>
            <div class="login-input-item clearfix">
                <i class="login-icon l-icon-password f-left"></i>
                <div class="f-left">
                    <input type="password" name="password" id="password" placeholder="密码" class="login-input">
                </div>
            </div>
            <div class="login-input-item lver clearfix">
                <div class="f-left">
                    <input type="text" class="text span190 text-lg" name="postcaptcha" id="postcaptcha" placeholder="输入右侧验证码" autocomplete="off">
                </div>
                <div class="login-ver f-left">
                    <img src="@Url.Action("CaptchaImage")" id="getcode" style="cursor: pointer; width: 100px; height: 38px;" title="看不请验证码？点击更换一张">
                </div>
            </div>
            @*<div class="auto-login clearfix">
                    <label class="f-left clearfix"><input type="checkbox" name="autologin" id="expire" value="7" class="f-left" style="margin-top: 1px;*margin-top: -3px;margin-right: 5px;"><span class="f-left">7日内自动登录</span></label>
                    <a href="/user/user_getpass.php" class="f-right">忘记密码？</a>
                </div>*@
            <div class="login-btn-box">
                <input type="submit" name="submitlogin" id="login" value="登&nbsp;&nbsp;&nbsp;录" class="btn login-submit">
                <input type="text" id="waiting" value="正在登录..." class="btn login-submit" style="display: none;" disabled>
            </div>
            @*<div class="cooperation-account">
                    <p>使用合作账号登录</p>
                    <div class="coop-account">
                        <a href="/user/connect_qq_client.php" class="qq">QQ</a>
                        &nbsp;|&nbsp;<a href="/user/connect_sina.php" class="weibo">新浪微博</a>
                        &nbsp;|&nbsp;<a href="/user/connect_taobao.php" class="taobao">淘宝</a>
                    </div>
                </div>*@
        </form>
        @*<div id="codeLogin" style="display: none;">
                <div class="code-login" id="login_container">
                    <img width="120" height="120" src="https://mp.weixin.qq.com/cgi-bin/showqrcode?ticket=gQHC8DoAAAAAAAAAASxodHRwOi8vd2VpeGluLnFxLmNvbS9xL0pIV01oRjNsUHpWR3dVY0MxVnNnAAIE7iOXVwMECAcAAA%3D%3D">
                </div>
                <p>打开微信扫描二维码</p>
            </div>*@
    </div>
    <div id="footer">
        @Html.Partial("_Copyright")
    </div>

    @Html.CdnImport("~/lib/jquery/jquery.js")
    @Html.CdnImport("~/lib/useragent/useragent_base.js")
    @Html.CdnImport("~/lib/useragent/useragent.js")
    @Html.CdnImport("~/fx.js")
    @Html.LocalImport("~/www/js/login.js")

</body>
</html>
<script>
    var result = new userAgent(navigator.userAgent);
    var version = result.browser.version ? parseInt(result.browser.version.major) : 0;
    var checkCondition =
        (result.Chrome && version >= 40) ||
        (result.Firefox && version >= 40) ||
        (result.browser.name === 'Internet Explorer' && version >= 11) ||
        (result.browser.name === 'QQ Browser' && version >= 9) ||
        (result.browser.name === 'Maxthon' && version >= 4)
        ;

    if (checkCondition) {
        document.getElementById("check-info").style.display = 'none';
        document.getElementById("login-box").style.display = '';
    }
    else {
        document.getElementById("check-info").style.display = '';
        document.getElementById("login-box").style.display = 'none';
    }
</script>